<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html {
  font-family: Arial,Helvetica,sans-serif;
  background-color: white;
  color: black;
}
table {
  border-collapse: collapse;
  empty-cells: show;
  margin: 1em 0em;
  border: 1px solid black;
}
th, td {
  border: 1px solid black;
  padding: 0.1em 0.2em;
  height: 1.5em;
  width: 12em;
}
td.colspan4, th.colspan4 {
    width: 48em;
}
td.colspan3, th.colspan3 {
    width: 36em;
}
td.colspan2, th.colspan2 {
    width: 24em;
}
th {
  background-color: rgb(192, 192, 192);
  color: black;
  height: 1.7em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}
td.name {
  background-color: rgb(240, 240, 240);
  letter-spacing: 0.1em;
}
td.name, th.name {
  width: 10em;
}
</style>
<title>Customer Page</title>
</head>
<body>
<h1>Customer Page</h1>
<table border="1" id="variable">
<tr>
<th class="name" colspan="5">Variables</th>
</tr>
<tr>
<td class="name">${EDIT CUSTOMER}</td>
<td>//*[contains(@id,'buttonCompanyEdit') and contains(@class,'secondary')]</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="name">${COMPANY NAME}</td>
<td>//*[contains(@id,'ownerCompany.name') and contains(@class,"longsize")]</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="name">${ADDRESS ONE}</td>
<td>//*[contains(@id,'ownerCompany.address.addressLine') and contains(@name,"edit-customer-container:editCustomerInfoPanel:ownerCompany.address.addressLine1")]</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="name">${SAVE}</td>
<td>//*[contains(@id,'submitButton') and contains(@value,"Save")]</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="name">${FIRST NAME}</td>
<td>//*[contains(@id,'forename') and contains(@class,"midsize")]</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
